<template>
  <div>
    <div class="flex-2" v-if="JSON.stringify(infoData) !== '{}'">
      <div class="fontW-9 font-45 font-f-ib color-af47">{{infoData.name}}</div>
      <div class="flex-s-between">
        <!-- <span class="fontW-9 font-36 font-f-ib color-af47">#{{infoData.Name.split("#")[1]}}</span> -->
        <div class="flex">
          <div class="font-18 fontW-n font-f-ib color-9e">{{$t("detail.owner")}}</div>
          <div class="font-18 fontW-4 font-f-ib color-5c9af6 mgl-13">{{infoData.HoldAddress | formatAddress}}</div>
        </div>
      </div>
      <div class="border-r bg-47 border-1 mgt-10 boxS-i-4 pd-20 font-14 fontW-7 color-f">
        <div class="flex-s-between ">
          <div class="font-18 color-af47">{{$t("detail.msg")}}</div>
          <!-- 版税 -->
          <!-- <div class="color-a font-12">{{infoData.SchemaName}}</div> -->
        </div>
        <div class="flex-s-between">
          <div>{{$t("detail.msgid")}}</div>
          <div class="color-af47">{{infoData.ID}}</div>
        </div>
        <!-- 链号 -->
        <div class="flex-s-between">
          <div>{{$t("detail.chain_num")}}</div>
          <div class="color-af47">{{infoData.public_chain_id}}</div>
        </div>
        <div class="flex-s-between">
          <div>{{$t("detail.male_chain")}}</div>
          <!-- <div class="color-af47">{{infoData.SchemaName}}</div> -->
          <div class="color-af47">Ethereum</div>
        </div>
        <div class="flex-s-between">
          <div>{{$t("detail.agreement_type")}}</div>
          <div class="color-af47">{{infoData.SchemaName}}</div>
        </div>
        <div class="flex-s-between">
          <div>{{$t("detail.owner_add")}}</div>
          <div class="color-af47">{{infoData.HoldAddress | formatAddress}}</div>
        </div>
          <div class="flex-s-between">
          <div>{{$t("detail.create_time")}}</div>
          <div>{{infoData.CreatedAt}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'infomation',
  props: ['infoData'],
  created () {
    // console.log(this.infoData, '-------oooo---')
  }
}
</script>
<style lang="less" scoped>
</style>
